.nav-bar {
    display: block;
    /*box-shadow: 0 0 10px rgba(0,0,0,0.5);    */
}

.nav-bar:after {
    content: "";
    clear: both;
    display: block;
}

.nav-bar ul {
    display: block;
    list-style-type: none;
    margin: 0px;
    padding: 0px;    
}

.nav-bar ul li {
    float: left;
}

.nav-bar ul li a {
    display: block;
    padding: 10px 13px;
    
    text-decoration: none;
    background: inherit;
    color: dimgray;
}

.nav-bar ul li a:hover {
    background: ghostwhite;
}

.nav-bar-v {
    display: block;   
}

.nav-bar-v .title {
    display: block;
    padding: 15px 20px;
    
    font-size: 150%;
    font-weight: 100;
    background: deepskyblue;
    color: white;
    border-bottom: 1px solid white;
}

.nav-bar-v ul {
    display: block;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.nav-bar-v ul li a {
    display: block;
    padding: 5px 20px;
    
    font-size: 120%;
    font-weight: 100;
    
    text-decoration: none;
}

/*.nav-bar-v ul li a:hover {
    background: whitesmoke;
}*/

/*.nav-bar-v ul li a:active {
    background: inherit;
    color: dodgerblue;
}*/
